<template>
  <el-scrollbar>
    <el-menu
        class="el-menu-vertical-demo"
        :unique-opened="false"
        router
    >
      <el-menu-item index='/manage_index'>首页</el-menu-item>
      <el-sub-menu index='/manage'>
        <template #title>个人中心</template>
        <el-menu-item index='/manage/userinfo'>个人账户</el-menu-item>
        <el-menu-item index='/manage/userpass'>修改密码</el-menu-item>
      </el-sub-menu>
      <el-sub-menu index='1'>
        <template #title>自动化盯盘</template>
        <el-menu-item index='/auto_select'>自选股设置</el-menu-item>
        <el-menu-item index='/auto_hold'>持仓股设置</el-menu-item>
        <el-menu-item index='#'>软件下载</el-menu-item>
        <el-menu-item index='#'>软件教程</el-menu-item>
      </el-sub-menu>
      <el-sub-menu index='2'>
        <template #title>需求建议</template>
        <el-menu-item index='/sugest_stock'>需求建议</el-menu-item>
      </el-sub-menu>
      <el-sub-menu index='3'>
        <template #title>会员服务</template>
        <el-menu-item index='/member_concact'>联系我们</el-menu-item>
      </el-sub-menu>
      <el-sub-menu index='4'>
        <template #title>系统设置</template>
        <el-menu-item index='/auto_common_table?xclass=news'>通用表格</el-menu-item>
        <el-menu-item index='/menu_set'>菜单设置</el-menu-item>
        <el-menu-item index='/role_list'>角色管理</el-menu-item>
        <el-menu-item index='/auto_common_table?xclass=sys_permission'>菜单表单编辑</el-menu-item>
        <el-menu-item index='/auto_common_table?xclass=users'>用户管理</el-menu-item>
      </el-sub-menu>
    </el-menu>
  </el-scrollbar>
</template>

<script setup>
import {onMounted} from "vue";
import {getEleMenuList} from '../../api/menu'

onMounted(() => {
});
</script>

<style lang="scss" scoped>
.el-scrollbar {
  --el-scrollbar-bg-color: #fff;
}

.el-menu {
  --el-menu-bg-color: #20283d;
  --el-menu-hover-bg-color: var(--el-color-primary);
  --el-menu-active-color: #fff;
  --el-menu-text-color: #ffffff;
  border-right: none;

  .el-link {
    color: #fff;
    width: 100%;
    justify-content: flex-start;
  }
}

.el-menu-item.is-active {
  background-color: var(--el-color-primary);
}
</style>
